import { memo } from 'react';
import ErrorPng from './images/noVideo.png';

const VideoEmpty = (props: { text?: string; className?: string }) => {
  return (
    <div className="h-full w-full flex items-center justify-center bg-[#0000004d]" x-class={props.className}>
      <div className="text-center">
        <img src={ErrorPng} />
        <div> {props.text ?? '设备离线中，暂无数据'}</div>
      </div>
    </div>
  );
};

export default memo(VideoEmpty);
